<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI智能改写 - 智能论文降重解决方案</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <script src="https://unpkg.com/element-plus"></script>
    <script src="js/uni.webview.js"></script>
    <style>
        .gradient-text {
            background: linear-gradient(90deg, #3b82f6, #8b5cf6);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .gradient-bg {
            background: linear-gradient(135deg, #3b82f6, #8b5cf6);
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- 导航栏 -->
    <nav class="bg-white shadow-md fixed w-full z-10">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16">
                <div class="flex">
                    <div class="flex-shrink-0 flex items-center">
                        <span class="text-2xl font-bold gradient-text">AI智能改写</span>
                    </div>
                    <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
                        <a href="index.html" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">首页</a>
                        <a href="main.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">开始使用</a>
                        <a href="profile.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">个人中心</a>
                    </div>
                </div>
                <div class="hidden sm:ml-6 sm:flex sm:items-center">
                    <a href="login.html" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">登录</a>
                    <a href="register.html" class="gradient-bg text-white px-4 py-2 rounded-md text-sm font-medium">注册</a>
                </div>
                <div class="-mr-2 flex items-center sm:hidden">
                    <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
                        <i class="fas fa-bars"></i>
                    </button>
                </div>
            </div>
        </div>
    </nav>

    <!-- 英雄区 -->
    <div class="pt-24 pb-16 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
                <div>
                    <h1 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl md:text-6xl">
                        <span class="block">AI智能改写</span>
                        <span class="block gradient-text">论文降重新选择</span>
                    </h1>
                    <p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg md:mt-5 md:text-xl">
                        AI智能改写帮助学生快速降低论文重复率，保持原意的同时提升文章表达质量，让您的论文独具一格。
                    </p>
                    <div class="mt-8 sm:flex">
                        <div class="rounded-md shadow">
                            <a href="main.html" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white gradient-bg md:py-4 md:text-lg md:px-10">
                                立即使用
                            </a>
                        </div>
                        <div class="mt-3 sm:mt-0 sm:ml-3">
                            <a href="#features" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white border-indigo-100 hover:bg-indigo-50 md:py-4 md:text-lg md:px-10">
                                了解更多
                            </a>
                        </div>
                    </div>
                </div>
                <div class="hidden md:block">
                    <img class="h-auto w-full rounded-lg shadow-xl" src="https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="论文降重演示">
                </div>
            </div>
        </div>
    </div>

    <!-- 特性部分 -->
    <div id="features" class="py-16 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center">
                <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
                    智能降重，高效无忧
                </h2>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                    我们的AI技术帮助您轻松应对论文查重挑战。
                </p>
            </div>

            <div class="mt-16">
                <div class="grid grid-cols-1 gap-8 md:grid-cols-3">
                    <div class="bg-white overflow-hidden shadow rounded-lg">
                        <div class="px-4 py-5 sm:p-6">
                            <div class="flex items-center">
                                <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
                                    <i class="fas fa-robot text-white text-xl"></i>
                                </div>
                                <div class="ml-5">
                                    <h3 class="text-lg font-medium text-gray-900">AI智能技术</h3>
                                </div>
                            </div>
                            <div class="mt-4 text-gray-500">
                                采用先进NLP技术，智能理解文章内容，保持原意的同时改变表述方式，有效降低重复率。
                            </div>
                        </div>
                    </div>

                    <div class="bg-white overflow-hidden shadow rounded-lg">
                        <div class="px-4 py-5 sm:p-6">
                            <div class="flex items-center">
                                <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
                                    <i class="fas fa-bolt text-white text-xl"></i>
                                </div>
                                <div class="ml-5">
                                    <h3 class="text-lg font-medium text-gray-900">快速处理</h3>
                                </div>
                            </div>
                            <div class="mt-4 text-gray-500">
                                强大的AI引擎在秒级时间内完成论文改写，无需长时间等待，高效完成降重任务。
                            </div>
                        </div>
                    </div>

                    <div class="bg-white overflow-hidden shadow rounded-lg">
                        <div class="px-4 py-5 sm:p-6">
                            <div class="flex items-center">
                                <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
                                    <i class="fas fa-file-alt text-white text-xl"></i>
                                </div>
                                <div class="ml-5">
                                    <h3 class="text-lg font-medium text-gray-900">多种导入方式</h3>
                                </div>
                            </div>
                            <div class="mt-4 text-gray-500">
                                支持直接粘贴文本和上传Word文档，操作便捷，适应多种使用场景。
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 使用流程 -->
    <div class="py-16 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center">
                <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
                    简单三步，轻松完成降重
                </h2>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                    我们简化了降重流程，让您的论文一键焕然一新。
                </p>
            </div>

            <div class="mt-16">
                <div class="grid grid-cols-1 gap-8 md:grid-cols-3">
                    <div class="relative">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="h-full w-px bg-gray-200"></div>
                        </div>
                        <div class="relative flex items-center justify-center">
                            <span class="h-12 w-12 rounded-full bg-indigo-500 flex items-center justify-center text-white font-bold text-xl">1</span>
                        </div>
                        <div class="mt-6 text-center">
                            <h3 class="text-lg font-medium text-gray-900">输入内容</h3>
                            <p class="mt-2 text-base text-gray-500">
                                粘贴文本或上传Word文档
                            </p>
                        </div>
                    </div>

                    <div class="relative">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="h-full w-px bg-gray-200"></div>
                        </div>
                        <div class="relative flex items-center justify-center">
                            <span class="h-12 w-12 rounded-full bg-indigo-500 flex items-center justify-center text-white font-bold text-xl">2</span>
                        </div>
                        <div class="mt-6 text-center">
                            <h3 class="text-lg font-medium text-gray-900">智能改写</h3>
                            <p class="mt-2 text-base text-gray-500">
                                AI自动处理，智能降低重复率
                            </p>
                        </div>
                    </div>

                    <div class="relative">
                        <div class="relative flex items-center justify-center">
                            <span class="h-12 w-12 rounded-full bg-indigo-500 flex items-center justify-center text-white font-bold text-xl">3</span>
                        </div>
                        <div class="mt-6 text-center">
                            <h3 class="text-lg font-medium text-gray-900">获取结果</h3>
                            <p class="mt-2 text-base text-gray-500">
                                复制降重后的内容，直接使用
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-16 text-center">
                <a href="main.html" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white gradient-bg hover:bg-indigo-700">
                    立即开始
                </a>
            </div>
        </div>
    </div>

    <!-- 用户评价 -->
    <div class="py-16 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center">
                <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
                    用户评价
                </h2>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                    看看其他用户如何评价我们的服务。
                </p>
            </div>
            <div class="mt-16 grid grid-cols-1 gap-6 md:grid-cols-3">
                <div class="bg-white rounded-lg shadow-md p-6">
                    <div class="flex items-center">
                        <div class="flex-shrink-0">
                            <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/32.jpg" alt="用户头像">
                        </div>
                        <div class="ml-4">
                            <h4 class="text-lg font-medium text-gray-900">李同学</h4>
                            <p class="text-sm text-gray-500">北京大学</p>
                        </div>
                    </div>
                    <div class="mt-4 text-gray-500">
                        <p>我的毕业论文查重率高达40%，用了AI智能改写后降到了15%，顺利通过了学校的查重检测。真的太感谢了！</p>
                    </div>
                    <div class="mt-2 flex">
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                    </div>
                </div>

                <div class="bg-white rounded-lg shadow-md p-6">
                    <div class="flex items-center">
                        <div class="flex-shrink-0">
                            <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/men/46.jpg" alt="用户头像">
                        </div>
                        <div class="ml-4">
                            <h4 class="text-lg font-medium text-gray-900">王同学</h4>
                            <p class="text-sm text-gray-500">复旦大学</p>
                        </div>
                    </div>
                    <div class="mt-4 text-gray-500">
                        <p>界面简洁，操作方便，重点是改写质量很高，不像其他工具那样会改得不通顺，强烈推荐！</p>
                    </div>
                    <div class="mt-2 flex">
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star-half-alt text-yellow-400"></i>
                    </div>
                </div>

                <div class="bg-white rounded-lg shadow-md p-6">
                    <div class="flex items-center">
                        <div class="flex-shrink-0">
                            <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/55.jpg" alt="用户头像">
                        </div>
                        <div class="ml-4">
                            <h4 class="text-lg font-medium text-gray-900">张同学</h4>
                            <p class="text-sm text-gray-500">上海交通大学</p>
                        </div>
                    </div>
                    <div class="mt-4 text-gray-500">
                        <p>作为研究生，经常需要写论文，AI智能改写帮我节省了大量时间，价格也很实惠，性价比超高！</p>
                    </div>
                    <div class="mt-2 flex">
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                        <i class="fas fa-star text-yellow-400"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 免费试用CTA -->
    <div class="py-16 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="gradient-bg rounded-2xl shadow-xl overflow-hidden">
                <div class="px-6 py-12 sm:px-16 sm:py-16 lg:flex lg:items-center lg:justify-between">
                    <div>
                        <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
                            <span class="block">准备好提升您的论文质量了吗？</span>
                            <span class="block">立即开始免费试用！</span>
                        </h2>
                        <p class="mt-4 text-lg leading-6 text-indigo-100">
                            注册即可获得免费Token，体验AI智能改写的强大功能。
                        </p>
                    </div>
                    <div class="mt-8 flex lg:mt-0 lg:ml-8">
                        <div class="inline-flex rounded-md shadow">
                            <a href="register.html" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50">
                                立即注册
                            </a>
                        </div>
                        <div class="ml-3 inline-flex rounded-md shadow">
                            <a href="main.html" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-800 hover:bg-indigo-700">
                                开始使用
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <footer class="bg-gray-800">
        <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div class="col-span-1 md:col-span-2">
                    <span class="text-2xl font-bold text-white">AI智能改写</span>
                    <p class="mt-2 text-base text-gray-300">
                        专注为学生提供高质量、智能化的论文降重服务，让您的学术成果更具价值。
                    </p>
                    <div class="mt-4 flex space-x-6">
                        <a href="#" class="text-gray-400 hover:text-gray-300">
                            <i class="fab fa-weixin text-xl"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-gray-300">
                            <i class="fab fa-weibo text-xl"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-gray-300">
                            <i class="fab fa-qq text-xl"></i>
                        </a>
                    </div>
                </div>
                <div>
                    <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider">产品</h3>
                    <ul class="mt-4 space-y-4">
                        <li><a href="main.html" class="text-base text-gray-300 hover:text-white">AI降重</a></li>
                        <li><a href="#" class="text-base text-gray-300 hover:text-white">价格</a></li>
                        <li><a href="#" class="text-base text-gray-300 hover:text-white">常见问题</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider">公司</h3>
                    <ul class="mt-4 space-y-4">
                        <li><a href="#" class="text-base text-gray-300 hover:text-white">关于我们</a></li>
                        <li><a href="#" class="text-base text-gray-300 hover:text-white">联系我们</a></li>
                        <li><a href="#" class="text-base text-gray-300 hover:text-white">服务条款</a></li>
                        <li><a href="#" class="text-base text-gray-300 hover:text-white">隐私政策</a></li>
                    </ul>
                </div>
            </div>
            <div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between">
                <div class="flex space-x-6 md:order-2">
                    <a href="#" class="text-gray-400 hover:text-gray-300">服务条款</a>
                    <a href="#" class="text-gray-400 hover:text-gray-300">隐私政策</a>
                </div>
                <p class="mt-8 text-base text-gray-400 md:mt-0 md:order-1">
                    &copy; 2025 AI智能改写. 保留所有权利.
                </p>
            </div>
        </div>
    </footer>
</body>
</html> 